{include file='public/head' t='登录'}

<body>
    <div class="bg"></div>
    <div class="container">
        <div class="line bouncein">
            <div class="xs6 xm4 xs3-move xm4-move">
                <div style="height:150px;"></div>
                <div class="media media-y margin-big-bottom">
                </div>
                <form action="" method="post">
                    <div class="panel loginbox">
                        <div class="text-center margin-big padding-big-top">
                            <h1>后台管理中心</h1>
                        </div>
                        <div class="panel-body" style="padding:30px; padding-bottom:10px; padding-top:10px;">
                            <div class="form-group">
                                <div class="field field-icon-right">
                                    <input type="text" class="input input-big" name="name" placeholder="登录账号"
                                        data-validate="required:请填写账号" />
                                    <span class="icon icon-user margin-small"></span>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="field field-icon-right">
                                    <input type="password" class="input input-big" name="password" placeholder="登录密码"
                                        data-validate="required:请填写密码" />
                                    <span class="icon icon-key margin-small"></span>
                                </div>
                            </div>
                            {if isset($cookie) && $cookie > 2 }
                            <div class="form-group">
                                <div class="field">
                                    <input type="text" class="input input-big" name="code" placeholder="填写右侧的验证码"
                                        data-validate="required:请填写右侧的验证码" />
                                    <img src="{:captcha_src()}" alt="" width="100" height="32" class="passcode"
                                        style="height:43px;cursor:pointer;" onclick="this.src=this.src+'?'">
                                </div>
                            </div>
                            {/if}
                            <div class="form-group addcode">
                                <div class="field">
                                    <span>30天免登录: </span><input type="checkbox" name="trday" value="1">
                                    <a href="{:url('Login/resPwd')}">忘记密码</a> <a
                                        href="{:url('Login/register')}">注册账号</a>
                                    {:token_field()}
                                </div>
                            </div>

                        </div>
                        <div style="padding:30px;"><input type="submit"
                                class="button button-block bg-main text-big input-big" value="登录"></div>
                    </div>
                </form>
            </div>
        </div>
    </div>

</body>
<script>

    $('[name = name]').change(function () {
        var that = $(this);
        var val = that.val();
        $.ajax({
            type: "post",
            url: "{:url('Login/ajaxName')}",
            data: { user: val },
            dataType: "html",
            success: function (data) {
                if (data == 0) {
                    $('.addcode').before(`<div class="form-group dell">
                                <div class="field">
                                    <input type="text" class="input input-big" name="code" placeholder="填写右侧的验证码"
                                        data-validate="required:请填写右侧的验证码" />
                                    <img src="{:captcha_src()}" alt="" width="100" height="32" class="passcode"
                                        style="height:43px;cursor:pointer;" onclick="this.src=this.src+'?'">
                                </div>
                            </div>`);
                } else {
                    $('.dell').remove();
                }
            },
        });
    });
    $('[name = code]').change(function () {
        var that = $(this);
        var val = that.val();
        $.ajax({
            type: "post",
            url: "{:url('Login/ajaxLogin')}",
            data: { code: val },
            dataType: "html",
            success: function (data) {
                if (data != "验证成功") {
                    $('[type=submit]').attr('disabled', true);
                } else {
                    $('[type=submit]').removeAttr("disabled");
                }
            },
        });
    });
</script>

</html>